<template>
	<view class="content">
		<!-- 头部 -->
		<HeaderNav :searchShow="false"></HeaderNav>

		<!-- 筛选 -->
		<TopCategorySelect></TopCategorySelect>

		<!-- 漫画列表 -->
		<BaseCard :renderList="renderList"></BaseCard>
	</view>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue';
import HeaderNav from '../../components/headerNav.vue';
import TopCategorySelect from './comp/topCategorySelect.vue';
import BaseCard from '../../components/baseCard.vue';

let renderList = reactive([
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
]);
</script>

<style scoped>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>
